import React, { Component } from 'react';

//导入样式
import styles from '../../css/movie_item.scss';
//导入评分组件
import { Rate } from 'antd';

class MovieItem extends Component {
    constructor(props) {
        super(props);
        this.state = {  }
    }
    render() { 
        return ( <div className={styles.box} onClick={this.goDetail}>
            <img className={styles.img} src={this.props.images.small} alt=""/>
            <h4>电影名称: {this.props.title}</h4>  
            <h4>上映年份: {this.props.year}年</h4>      
            <h4>电影类型: {this.props.genres.join('，')}</h4>
            <Rate disabled defaultValue={this.props.rating.average/2} />
        </div> );
    }

    goDetail = ()=>{
        this.props.history.push('/movie/detail/'+this.props.id)
    }
}
 
export default MovieItem;